.ninth{
    background: url(./images/bg.jpg) center center no-repeat;
    background-size: cover;
    flex-direction: column;
    >div:nth-child(2n+1){
        height:2.9rem;
    }
    >div:nth-child(2){
        height: 0.7rem;
    }
    .top{
        width: 100%;
        height: 2.9rem;
        position: relative;
        .shangfu{
            width: 100%;
            height: 2.9rem;
            position: absolute;
            z-index: 0;
            background: url(./images/shangfu.png) top center no-repeat;
            background-size: 113% 100%;
            top: -10px;
            transform: translateY(-200px);
            animation: shangfu 1s linear;
            animation-fill-mode: forwards;
        }
        .shangtu{
            width: 100%;
            height: 2.6rem;
            position: absolute;
            z-index: 1;
            background: url(./images/shangbg.jpg) top center no-repeat;
            background-size: cover;
            border-radius:0 0 50% 50%;
            opacity: 0;
            animation: tu 1.5s 2s linear;
            animation-fill-mode: forwards;
        }
        .shangxiantiao{
            width: 100%;
            height: 2.6rem;
            background: url(./images/shangxian.png) center center no-repeat;
            background-size: 112% 100%;
            position: absolute;
            top: 4px;
            transform: rotate(-1.5deg);
            transform: translateY(-300px);
            animation: shangxiantiao 1s 1s linear;
            animation-fill-mode: forwards;
        }
        .xiaofu{
            // width: 0.4747rem;
            // height: 0.2293rem;
            background: url(./images/xiaoyun.png) center center no-repeat;
            background-size: cover;
            position: absolute;
            right: 8%;
            top: 73%;
            z-index: 4;
            width: 0;
            height: 0;
            transform: translateX(-0.4247rem);
            animation: xiaofu 1s 2.5s linear;
            animation-fill-mode: forwards;
        }
        .zhongfu{
            // width: 0.9067rem;
            // height: 0.4373rem;
            background: url(./images/zhongyun.png) center center no-repeat;
            background-size: cover;
            position: absolute;
            z-index: 4;
            right: 15%;
            top: 83%;

            width: 0;
            height: 0;
            transform: translateX(-0.9067rem);
            animation: zhongfu 1s 2s linear;
            animation-fill-mode: forwards;
        }
    }
    .middle{
        height: 0.7rem;
        width: 100%;
        position: relative;
        background: url(./images/zhong.png) center center no-repeat;
        background-size: cover;
        opacity: 0;
        animation: middles 1s linear 1s;
        animation-fill-mode: forwards;
        .zhongda{
            background: url(./images/yingjietongxin.png) center center no-repeat;
            background-size: cover;
            position: absolute;
            left: 25%;
            top: 10px;
            width: 0;
            height: 0;
            transform: translateX(1rem);
            animation: yingjietongxin 1s linear 1.5s;
            animation-fill-mode: forwards;
        }
        .zhongxiao{
            height: 0.0373rem;
            width: 0.944rem;
            background: url(./images/zhongzi.png) center center no-repeat;
            background-size: cover;
            position: absolute;
            z-index: 2;
            bottom: 4px;
            right: 25%;
            opacity: 0;
            animation: zhongzi 1s linear 2s;
            animation-fill-mode: forwards;
        }
    }
    .bottom{
        width: 100%;
        height: 2.9rem;
        position: relative;
        .xiafu{
            width: 100%;
            height: 2.9rem;
            position: absolute;
            z-index: 0;
            background: url(./images/xiaxi.png) top center no-repeat;
            background-size: 113% 100%;
            bottom: -25px;
            transform: translateY(200px);
            animation: xiafu 1s linear;
            animation-fill-mode: forwards;
        }
        .xiatu{
            width: 100%;
            height: 2.6rem;
            position: absolute;
            z-index: 1;
            background: url(./images/xiabg.jpg) bottom center no-repeat;
            background-size: cover;
            border-radius:50% 50% 0 0;
            bottom: 0;
            opacity: 0;
            animation: tu 1.5s 2s linear;
            animation-fill-mode: forwards;
        }
        .xiaxiantiao{
            width: 100%;
            height: 2.6rem;
            background: url(./images/xiaxian.png) center center no-repeat;
            background-size: 112% 100%;
            position: absolute;
            bottom: 4px;
            transform: rotate(1.5deg);
            transform: translateY(300px);
            animation: xiaxiantiao 1s 1s linear;
            animation-fill-mode: forwards;
        }
        .dafu{
            // width: 1.4453rem;
            // height: 0.6827rem;
            background: url(./images/dayun.png) center center no-repeat;
            background-size: cover;
            position: absolute;
            left: 8%;
            top: -2%;
            z-index: 4;

            width: 0;
            height: 0;
            transform: translateX(1.4453rem);
            animation: dafu 1s 2s linear;
            animation-fill-mode: forwards;
        }
    }
}

@keyframes shangfu {
    from{
        transform: translateY(-200px);
    }
    to{
        transform: translateY(0);
    }
}

@keyframes xiafu {
    from{
        transform: translateY(200px);
    }
    to{
        transform: translateY(0);
    }
}


@keyframes shangxiantiao {
    from{
        z-index: 4;
        transform: translateY(-300px);
    }
    to{
        z-index: 4;
        transform: translateY(0);
    }
}
@keyframes xiaxiantiao {
    from{
        z-index: 4;
        transform: translateY(300px);
    }
    to{
        z-index: 4;
        transform: translateY(0);
    }
}



@keyframes tu {
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}


@keyframes middles {
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}


@keyframes yingjietongxin {
    from{
        height: 0;
        width: 1;
        transform: translateX(1rem);
    }
    to{
        height: 0.5973rem;
        width: 1.9733rem;
        transform: translateX(0);
    }
}

@keyframes zhongzi {
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}


@keyframes xiaofu {
    from{
        width: 0;
        height: 0;
        transform: translateX(-0.4247rem);
    }
    to{
        width: 0.4747rem;
        height: 0.2293rem;
        transform: translateX(0);
    }
}

@keyframes zhongfu {
    from{
        width: 0;
        height: 0;
        transform: translateX(-0.9067rem);
    }
    to{
        width: 0.9067rem;
        height: 0.4373rem;
        transform: translateX(0);
    }
}



@keyframes dafu {
    from{
        width: 0;
            height: 0;
            transform: translateX(1.4453rem);
    }
    to{
        width: 1.4453rem;
        height: 0.6827rem;
        transform: translateX(0);
    }
}